{% load static staticfiles%}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block title %}{% endblock %}
    <style>
        *{
            margin: 0 auto;
        }
        ul {
            list-style: none;
        }
        a{
            text-decoration: none;
        }
        a:hover{
            text-decoration: underline;
        }

        .div_container {
            {#border: 1px solid red;#}
            overflow: hidden;
            width:1100px;
			height:800px;
        }
        .div_head{
            width: 100%;
            height: 80px;
            margin-top: 20px;
        }
        .div_body{
            {#border: 1px solid yellow;#}
            width: 100%;
            height: 600px;
        }
        .div_left{
            {#border: 1px solid gray;#}
            width: 150px;
            height: 600px;
            float: left;
            line-height: 60px;
        }
        .div_right{
            {#border: 1px solid deeppink;#}
            float: right;
            height: 500px;
        }
        .div_right_head{
            height: 40px;
            width: 100%;
        }
        .div_right_head li {
            {#border: 1px solid red;#}
            float: left;
            margin: 10px 3px 10px;
            background: whitesmoke;
        }
        .div_right_head li:hover {
            background: blueviolet;
        }
        .tb_content{
            border-collapse:collapse;
            border: 1px solid #CAD9EA;
            width: 900px;
            height: 500px;
            text-align: center;
        }
        table th{
	        background-color:#3F3F3F;
            height: 20px;
        }
        table tr{
            height: 20px;
        }
        table tr:hover{
            background: #AFAFAF;
        }
        table td{
            border: 1px solid #CAD9EA;
        }
        .div_page{
            margin-top: 16px;
            margin-left: 200px;
        }
        .div_page li{
            float: left;
            margin-left: 20px;
        }
        .div_page #page{
            width: 40px;
        }
        .div_page #go{
            width: 25px;
        }
        .footer{
            text-align: center;
        }
    </style>
</head>
<body>
<div class="div_container">
    {% include "netdisk/header.html" %}

    {% block body %}
    {% endblock %}

    {% include "netdisk/footer.html" %}
</div>

</body>
</html>